<template>
  <div class="xiaxian">
    <div class="indexnav">
      <div class="search clear">
        <h1>
          <img src="../assets/img/footlogo.jpg" alt />
        </h1>
        <div class="right">
          <div class="searchcoll">
            <div class="searchinput">
              <input type="text" @keydown.enter="sousuoyixia" v-model="sousuo" />
              <div @click="sousuoyixia" class="searchinputcoll">
                <i class="iconfont icon-sousuo"></i>
              </div>
            </div>
            <div class="searchinputnav">
              热门：
              <span>奇异果</span>
              <span>牛排</span>
              <span>山竹</span>
              <span>牛油果</span>
            </div>
          </div>
          <router-link to="/index/myself">
            <div class="anniu">
              <i class="iconfont icon-QQfang"></i>个人中心
            </div>
          </router-link>
          <router-link to="/gouwuche">
            <div class="anniu">
              <i class="iconfont icon-QQfang"></i>购物车
            </div>
          </router-link>
        </div>
      </div>
      <div class="nav">
        <div class="quanbu">
          全部分类
          <i class="iconfont icon-sanjiaoxing"></i>
          <div class="navfeilie">
            <ul>
              <li v-for="itmes in navfeilie" :key="itmes.id">
                <div class="fu">
                  <i :class="['iconfont',itmes.cla]"></i>
                  <span>{{itmes.name}}</span>
                </div>
                <div class="navfeiliezi">
                  <ul>
                    <li v-for="itme in itmes.ziji" :key="itme.id">
                      <div class="left">{{itme.name}}</div>
                      <div class="right">
                        <span
                          v-for="it in itme.nini"
                          :key="it.id"
                          class="zi"
                          @click="fenlie($event)"
                        >{{it.name}}</span>
                      </div>
                    </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
        </div>|
        <router-link to="/index/indexshouye">首页</router-link>|
        <router-link to="/index/indexstongcheng">同城</router-link>|
        <router-link to="/index/indexshangjia/1">礼拜五</router-link>|
        <router-link to="/index/goodsxiangqing/1">积分商城</router-link>|
        <router-link to="/chongzhi">导航+</router-link>
      </div>
    </div>
  </div>
</template>

<script>
import axios from 'axios';
import "@/assets/font/iconfont.css";
export default {
  data() {
    return {
      navfeilie: [
        {
          id: 1,
          name: "新鲜水果",
          cla: "icon-sousuo",
          ziji: [
            {
              id: 1,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "苹果" },
                { id: "3", collzi: "未知" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 2,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 3,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 4,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 5,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 6,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            }
          ]
        },
        {
          id: 2,
          name: "新鲜水果",
          cla: "icon-sousuo",
          ziji: [
            {
              id: 1,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 2,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 3,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 4,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 5,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 6,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            }
          ]
        },
        {
          id: 3,
          name: "新鲜水果",
          cla: "icon-sousuo",
          ziji: [
            {
              id: 1,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 2,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 3,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 4,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 5,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 6,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            }
          ]
        },
        {
          id: 4,
          name: "新鲜水果",
          cla: "icon-sousuo",
          ziji: [
            {
              id: 1,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 2,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 3,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 4,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 5,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 6,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            }
          ]
        },
        {
          id: 5,
          name: "新鲜水果",
          cla: "icon-sousuo",
          ziji: [
            {
              id: 1,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 2,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 3,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 4,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 5,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 6,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            }
          ]
        },
        {
          id: 6,
          name: "新鲜水果",
          cla: "icon-sousuo",
          ziji: [
            {
              id: 1,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 2,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 3,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 4,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 5,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 6,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            }
          ]
        },
        {
          id: 7,
          name: "新鲜水果",
          cla: "icon-sousuo",
          ziji: [
            {
              id: 1,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 2,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 3,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 4,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 5,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 6,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            }
          ]
        },
        {
          id: 8,
          name: "新鲜水果",
          cla: "icon-sousuo",
          ziji: [
            {
              id: 1,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 2,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 3,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 4,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 5,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 6,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            }
          ]
        },
        {
          id: 9,
          name: "新鲜水果",
          cla: "icon-sousuo",
          ziji: [
            {
              id: 1,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 2,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 3,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 4,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 5,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            },
            {
              id: 6,
              left: "应季鲜果",
              right: [
                { id: "1", collzi: "草莓" },
                { id: "2", collzi: "草莓" },
                { id: "3", collzi: "草莓" },
                { id: "4", collzi: "草莓" },
                { id: "5", collzi: "草莓" },
                { id: "6", collzi: "草莓" },
                { id: "7", collzi: "草莓" },
                { id: "8", collzi: "草莓" }
              ]
            }
          ]
        }
      ],
      sousuo: "",
      fenliezi: ""
    };
  },
  mounted(){
    var _this = this
    var url = this.$store.state.url;
     axios.post(url+"shishikan",{a:3}).then(
      res => {
        // 成功回调
        if(res.data.code=="100"){
          _this.navfeilie = res.data.data;
        }else{
          alert("导航请求失败")
        }
      },
      res => {
        window.console.log(res)
        // 错误回调
      }
    )
  },
  methods: {
    sousuoyixia() {
      if (this.sousuo) {
        this.$store.commit("sousuo", this.sousuo);
        window.console.log(this.$store.state.sousuozi);
        if (this.$route.name != "indexshangpinsousuo") {
          this.$router.push({name:"indexshangpinsousuo"});
        }
      } else {
        alert("请输出关键字");
      }
    },
    fenlie(e) {
      localStorage.fenlieye =
        e.target.parentElement.parentElement.parentElement.parentElement.parentElement.firstElementChild.lastElementChild.innerText;
      localStorage.fenliedie =
        e.target.parentElement.previousElementSibling.innerText;
      localStorage.fenlie = e.target.innerText;
      this.$emit("fenlie");
      window.console.log(
        localStorage.fenlie,
        localStorage.fenliedie,
        localStorage.fenlieye
      );
      if (this.$route.path != "/indexshangpinfenlie") {
        this.$router.push("indexshangpinfenlie");
      }
    }
  },
  props: [],
  name: "index",
  components: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.xiaxian {
  border-bottom: 1px solid #ccc;
}
.indexnav {
  width: 80%;
  margin: 0px auto;
}
.indexnav h1 {
  width: 30%;
  float: left;
}
.indexnav h1 img {
  width: 80%;
}
.search .right {
  float: right;
  width: 69%;
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
  align-items: flex-start;
}
.searchcoll {
  width: 55%;
}
.searchcoll .searchinput {
  border: 1px solid #4b943d;
}
.searchcoll .searchinput input {
  width: 86%;
  border: none;
  outline: none;
  height: 1.9rem;
}
.anniu {
  background-color: #f8f8f6;
  border: 1px solid #ccc;
  line-height: 2rem;
  padding: 0px 1.5rem;
  cursor: pointer;
  color: black;
}
.searchinput {
  position: relative;
}
.searchinputcoll {
  border: 1px solid #4b943d;
  background-color: #4b943d;
  width: 2.5rem;
  height: 2rem;
  position: absolute;
  top: -1px;
  right: -1px;
  text-align: center;
}
.searchinputcoll .icon-sousuo {
  line-height: 2rem;
  font-size: 1.2rem;
  color: aliceblue;
}
.searchinputnav {
  font-size: 0.8rem;
}
.searchinputnav span {
  padding: 0px 0.3rem;
}
.indexnav .nav {
  width: 66%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ccc;
}
.indexnav .nav > div {
  color: black;
  width: 20%;
  text-align: center;
}
.indexnav .nav a {
  text-align: center;
  width: 16.6%;
  line-height: 2.5rem;
  color: black;
}
.indexnav .nav a.router-link-active {
  background-color: #f08200;
  color: aliceblue;
}
a {
  text-decoration: none;
}
.indexnav .nav .quanbu {
  position: relative;
  cursor: pointer;
}
.indexnav .nav .quanbu:hover .navfeilie {
  display: block;
}
.navfeilie {
  width: 100%;
  position: absolute;
  top: 100%;
  display: none;
}
.navfeilie ul,
.navfeilie li {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.navfeilie ul > li .fu {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  line-height: 3rem;
}

/* 不动 */
.navfeilie ul {
  position: relative;
}
/* 随动 */
/* .navfeilie ul > li{
  position: relative;
} */

.navfeilie ul > li > .iconfont {
  margin-right: 0.2rem;
  font-size: 1.2rem;
}
.navfeilie ul > li:hover .fu {
  background-color: #ebffe7;
}
.navfeilie ul > li:hover .navfeiliezi {
  display: block;
}
.navfeiliezi {
  position: absolute;
  white-space: nowrap;
  left: 100%;
  top: 0px;
  background-color: #ebffe7;
  display: none;
  min-width: 420px;
  min-height: 432px;
}
.navfeiliezi ul li {
  display: flex;
  padding: 1rem 0px 1rem 1rem;
  align-items: flex-start;
}
.navfeiliezi ul li .left {
  font-size: 1.1rem;
  color: #4b943d;
}
.navfeiliezi ul li .right {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(2, 50%);
  grid-row-gap: 0.5rem;
}
.navfeiliezi ul li .right span {
  padding: 0px 1.5rem;
  border-right: 1px solid #999;
  line-height: 1rem;
  cursor: pointer;
}
.navfeiliezi ul li .right span:nth-of-type(4n) {
  border-right: none;
}
</style>
